<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <f:view contentType="text/html">
    <h:head>
        <f:facet name="first">
            <meta http-equiv="X-UA-Compatible" content="EmulateIE8" />
            <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
            <title>PrimeFaces - ShowCase</title>
        </f:facet>
        
        <link type="text/css" rel="stylesheet" href="#{request.contextPath}/css/default.css" />
        <link type="text/css" rel="stylesheet" href="#{request.contextPath}/css/syntaxhighlighter/syntaxhighlighter.css" />
	</h:head>

        <h:body>

            <p:layout fullPage="false" style="height:600px">

                <p:layoutUnit position="north" size="100" header="Top" resizable="true" closable="true" collapsible="true">
                    <h:outputText value="North unit content." />
                </p:layoutUnit>

                <p:layoutUnit position="south" size="100" header="Bottom" resizable="true" closable="true" collapsible="true">
                    <h:outputText value="South unit content." />
                </p:layoutUnit>

                <p:layoutUnit position="west" size="200" header="Left" resizable="true" closable="true" collapsible="true">
                    <h:outputText value="West unit content." />
                </p:layoutUnit>

                <p:layoutUnit position="east" size="200" header="Right" resizable="true" closable="true" collapsible="true" effect="drop">
                    <h:outputText value="Right unit content." />
                </p:layoutUnit>

                <p:layoutUnit position="center">
                    <h:form>
			This fullPage layout consists of five different layoutUnits which are resizable and closable by default.

                        <pre name="code" class="xml">
&lt;p:layout fullPage="true"&gt;

    &lt;p:layoutUnit position="north" size="100" header="Top" resizable="true" closable="true" collapsible="true"&gt;
        &lt;h:outputText value="North unit content." /&gt;
    &lt;/p:layoutUnit&gt;

    &lt;p:layoutUnit position="south" size="100" header="Bottom" resizable="true" closable="true" collapsible="true"&gt;
        &lt;h:outputText value="South unit content." /&gt;
    &lt;/p:layoutUnit&gt;

    &lt;p:layoutUnit position="west" size="200" header="Left" resizable="true" closable="true" collapsible="true"&gt;
        &lt;h:outputText value="West unit content." /&gt;
    &lt;/p:layoutUnit&gt;

    &lt;p:layoutUnit position="east" size="200" header="Right" resizable="true" closable="true" collapsible="true" effect="drop"&gt;
        &lt;h:outputText value="Right unit content." /&gt;
    &lt;/p:layoutUnit&gt;

    &lt;p:layoutUnit position="center"&gt;
        &lt;h:form&gt;
            This fullPage layout consists of five different layoutUnits which are resizable and closable by default.

        &lt;/h:form&gt;
    &lt;/p:layoutUnit&gt;

&lt;/p:layout&gt;
                        </pre>
                    </h:form>
                </p:layoutUnit>

            </p:layout>

        </h:body>

    </f:view>
    
    <script language="javascript" src="#{request.contextPath}/syntaxhighlighter/scripts/sh.js"></script>
    <script language="javascript">
        dp.SyntaxHighlighter.ClipboardSwf = '#{request.contextPath}/syntaxhighlighter/scripts/clipboard.swf';
        dp.SyntaxHighlighter.HighlightAll('code');
    </script>
</html>

